<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>短信下发 - Demo</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css">

    <style type="text/css">
        .layui-tab{
            margin-top: 0;
        }
        .layui-nav-side{
            top:58px;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin" id="main">
    <div class="layui-header">
        <div class="layui-logo">短信下发Demo</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <%--<ul class="layui-nav layui-layout-left">--%>
            <%--<li class="layui-nav-item"><a href="">控制台</a></li>--%>
            <%--<li class="layui-nav-item"><a href="">商品管理</a></li>--%>
            <%--<li class="layui-nav-item"><a href="">用户</a></li>--%>
            <%--<li class="layui-nav-item">--%>
                <%--<a href="javascript:;">其它系统</a>--%>
                <%--<dl class="layui-nav-child">--%>
                    <%--<dd><a href="">邮件管理</a></dd>--%>
                    <%--<dd><a href="">消息管理</a></dd>--%>
                    <%--<dd><a href="">授权管理</a></dd>--%>
                <%--</dl>--%>
            <%--</li>--%>
        <%--</ul>--%>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">{{username}}</a>
                <dl class="layui-nav-child">
                    <dd><a href="#" id="updatePwd">密码修改</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="${ctx}/user/loginout.do">注销</a></li>
        </ul>
    </div>


    <div class="layui-tab layui-tab-card site-demo-button">
        <ul class="layui-nav layui-nav-tree layui-nav-side">



            <li v-if="userRole>0"  class="layui-nav-item"  >
                <a href="#" data-url="${ctx}/template/templatePage" data-title="模板管理"  data-id="1" class="site-demo-active" data-type="tabAdd">模板管理</a>
            </li>
            <li v-if="userRole==0"  class="layui-nav-item"  >
                <a href="#" data-url="${ctx}/template/myTemplatePage" data-title="我的模板"  data-id="3" class="site-demo-active" data-type="tabAdd">我的模板</a>
            </li>
            <li v-if="userRole==2"  class="layui-nav-item"  >
                <a href="#" data-url="${ctx}/msgdetail/messageDetailPage" data-title="下发明细"  data-id="2" class="site-demo-active" data-type="tabAdd">下发明细</a>
            </li>
            <li class="layui-nav-item" v-if="userRole==2" >
                <a data-url="${ctx}/user/userPage" data-id="4" data-title="用户管理" href="#" class="site-demo-active" data-type="tabAdd">用户管理</a>
            </li>
            <li v-if="userRole==0"  class="layui-nav-item"  >
                <a href="#" data-url="${ctx}/msgdetail/myMessageDetailPage" data-title="我的明细"  data-id="5" class="site-demo-active" data-type="tabAdd">我的明细</a>
            </li>

        </ul>

        <div class="layui-tab" lay-filter="demo" lay-allowclose="true" style="margin-left: 200px;">
            <ul class="layui-tab-title">
            </ul>
            <ul class="rightmenu" style="display: none;position: absolute;">
                <li data-type="closethis">关闭当前</li>
                <li data-type="closeall">关闭所有</li>
            </ul>
            <div class="layui-tab-content">

            </div>
        </div>

    </div>


    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © 短信下发Demo- 异网流量小组应届生
    </div>
</div>
<script src="${ctxStatic}/layui/layui.js" charset="utf-8"></script>
<script src="${ctxStatic}/js/vue.min.js"></script>
<script src="${ctxStatic}/js/index.js"></script>
<script>





</script>
</body>
</html>